<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<script src="js/remstyle.js"></script>
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/open_btn.css" />
		<link rel="stylesheet" type="text/css" href="css/material_manage.css" />
		<title>素材管理</title>
		<script src="js/config.js"></script>
		
	</head>
	<style>
		.point{
			opacity: 0;
		}
	</style>
	<body>
		<!--顶部-->
		<div class="top">
			<div class="top-one" onclick="javascript :history.back(-1);">
				<span><img src="img_page/right.png"/></span>
			</div>
			<div class="point">
				<img src="img_page/3point.png" />
			</div>
		</div>
		<!--内容-->
		<div class="material">
			<div class="material_info" v-for="v in material_list" @click="go_classification(v.id)">
				<img class="material_info_img" :src="v.img"/>
				<span>{{v.material_name}}</span>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/vue.js"></script>
	<script>
		var material_list=new Vue({
			el:'.material',
			data:{
				material_list:[
				{
					id:'1',
					img:'img_page/material_photo.png',
					material_name:'图片'
				},
				{
					id:'2',
					img:'img_page/material_phone.png',
					material_name:'电话'
				},
				{
					id:'3',
					img:'img_page/material_line.png',
					material_name:'链接'
				},
				{
					id:'4',
					img:'img_page/material_video.png',
					material_name:'视频'
				},
//				{
//					id:'5',
//					img:'img_page/material_navigation.png',
//					material_name:'导航点'
//				},
//				{
//					id:'5',
//					img:'img_page/material_ma.png',
//					material_name:'二维码'
//				}
				]
			},
			methods:{
	go_classification:function(id){
		if(id==1){
			window.location.href='photo-l.html?c_user_id='+c_user_id;
		}if(id==2){
			window.location.href='material_phone.html?c_user_id='+c_user_id;
		}if(id==3){
			window.location.href='material_link.html?c_user_id='+c_user_id;
		}if(id==4){
			window.location.href='material_video.html?c_user_id='+c_user_id;
		}if(id==5){
			window.location.href='material_QR_code_list.html?c_user_id='+c_user_id;
		}
	}
}
		})
	</script>
</html>
